import React, { PureComponent } from 'react';
import { Table } from 'antd';

interface IProps {
  excelData: any;
}

export default class TableComponent extends PureComponent<IProps> {
  render() {
    // ？？？？？ 哈哈哈哈哈哈
    const columns =
      this.props.excelData?.header?.map((row: string) => ({
        title: row,
        dataIndex: row,
        key: row,
      })) ?? [];
    //  window.console.log((columns, 231313, this.props.excelData, 2, this.props.excelData.header);
    return (
      <div>
        <Table dataSource={this.props.excelData.results} columns={columns} />
      </div>
    );
  }
}

// 不会用function 。。。。
// import React from 'react';
// import { Table } from 'antd'

// // const HomeManager = (props: object) => (
// //   <div>
// //     <Table dataSource={props.dataSource} columns={props.columns} />
// //   </div>
// // );

// // export default TableComponent;
